<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Flatfy Free Flat and Responsive HTML5 Template ">
    <meta name="author" content="">

    <title>阳光商贸股份有限公司</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
 
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Arvo:400,700' rel='stylesheet' type='text/css'>
	
    <link href="css/general.css" rel="stylesheet">
	
    <link href="css/custom.css" rel="stylesheet">
	<link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
	<link href="css/animate.css" rel="stylesheet">
	
	<link rel="stylesheet" href="css/magnific-popup.css"> 
	
</head>

<body id="home">
	<div id="preloader">
		<div id="status"></div>
	</div>
    <div class="intro-header">
		<div class="col-xs-12 text-center abcen1">
			<h1 class="h1_home wow fadeIn" data-wow-delay="0.4s">SUNSHINE</h1>
			<h3 class="h3_home wow fadeIn" data-wow-delay="0.6s">YOU ARE MY SUNSHINE</h3>
			
		</div>    
		<div class="col-xs-12 text-center abcen wow fadeIn">
			<div class="button_down "> 
				<a class="imgcircle wow bounceInUp" data-wow-duration="1.5s"  href="#first"> <img class="img_scroll" src="img/icon/circle.png" alt=""> </a>
			</div>
		</div>
    </div>
	<!-- 侧边导航-->
	<nav class="navbar-default" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#home">阳光</a>
			</div>

			<div class="collapse navbar-collapse navbar-right navbar-ex1-collapse">
				<ul class="nav navbar-nav">
					
					<li class="menuItem"><a href="#zongban">总经理办公室</a></li>
					<li class="menuItem"><a href="#gongban">公司办公室</a></li>
					<li class="menuItem"><a href="#financialDep">财务部</a></li>
					<li class="menuItem"><a href="#planDep">计划科</a></li>
					<li class="menuItem"><a href="#tradeDep">贸易部</a></li>
					<li class="menuItem"><a href="#manResourceDep">人力资源部</a></li>
					<li class="menuItem"><a href="#outWorksDep">对外事务部</a></li>
					<li class="menuItem"><a href="#branchesDetails">分公司详情</a></li>
				</ul>
			</div>
		   
		</div>
	</nav> 
	<div class="content-section-b" id="first"> 
		<div class="container">
			<div class="row">
				<div class="col-sm-6 wow fadeInLeftBig">
					<div id="owl-demo-1" class="owl-carousel">
						<a href="img/images/comone.jpg" class="image-link">
							<div class="item">
								<img  class="img-responsive img-rounded" src="img/images/comone.jpg" alt="" width="449" height="284.66">
							</div>
						</a>
						<a href="img/images/comtwo.jpg" class="image-link">
							<div class="item">
								<img  class="img-responsive img-rounded" src="img/images/comtwo.jpg" alt="">
							</div>
						</a>
						<a href="img/images/comthree.jpg" class="image-link">
							<div class="item">
								<img  class="img-responsive img-rounded" src="img/images/comthree.jpg" alt="">
							</div>
						</a>
					</div>       
				</div>
				<div class="col-sm-6 wow fadeInRightBig"  data-animation-delay="200">   
					<h3 class="section-heading">阳光商贸股份有限公司</h3>
					<div class="sub-title lead3">公司环境一览</div>
					<p class="lead">
						阳光商贸股份有限公司成立于2001年，公司员工200余人，
						分公司遍布全国20个市，公司总部位于陕西省西安市长安区，我们的宗旨是全心全意为人民服务。
					</p>
				</div>  			
			</div>
		</div>
	</div>
	<!-- 总经理办公室 -->
	<div id="zongban" class="content-section-b" style="border-top: 0">
		<div class="container">

			<div class="col-md-6 col-md-offset-3 text-center wrap_title">
				<h4>总经理办公室主要成员一览</h4>
				
				
			</div>
			
			<div class="row">
			
				<div class="col-sm-4 wow fadeInDown text-center">
				  <img class="rotate zongbanrotate" src="img/images/zh.jpg" alt="Generic placeholder image">
				  <h4><span class="glyphicon glyphicon-user"></span>总经理：张欢</h4>
				  <p class="lead">
						<span class="glyphicon glyphicon-phone-alt"></span>1008611</p>

				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->
				
				<div class="col-sm-4 wow fadeInDown text-center">
				  <img  class="rotate zongbanrotate" src="img/images/dj1.jpg" alt="Generic placeholder image">
				   <h4><span class="glyphicon glyphicon-user"></span>首席秘书：杜静</h4>
				   <p class="lead">
						 <span class="glyphicon glyphicon-phone-alt"></span>134667789799 </p>
				   <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->
				
				<div class="col-sm-4 wow fadeInDown text-center">
				  <img  class="rotate zongbanrotate" src="img/images/dj2.jpg" alt="Generic placeholder image">
				   <h4><span class="glyphicon glyphicon-user"></span>秘书：芦瑞</h4>
					<p class="lead">
						<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->
				
			</div><!-- /.row -->
				
			<div class="row tworow">
			
				<div class="col-sm-4  wow fadeInDown text-center">
				  <img class="rotate zongbanrotate" src="img/images/dj3.jpg" alt="Generic placeholder image">
					<h4><span class="glyphicon glyphicon-user"></span>秘书：小红</h4>
					<p class="lead">
						<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->
				
				<div class="col-sm-4 wow fadeInDown text-center">
				  <img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
					<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
					<p class="lead">
						<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->
				
				<div class="col-sm-4 wow fadeInDown text-center">
				  <img  class="rotate zongbanrotate" src="img/images/dj5.jpg" alt="Generic placeholder image">
					<h4><span class="glyphicon glyphicon-user"></span>秘书：小绿</h4>
					<p class="lead">
						<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->
				<div class="col-sm-12 wow fadeInDown text-center">
					<a class="btn btn-embossed btn-primary" href="#emailBox" role="button">
						
						<span class="glyphicon glyphicon-envelope"></span>发送邮件</a>
				</div><!-- /.col-lg-4 -->
		
			</div><!-- /.row -->
		</div>
	</div>
	
	<!-- 公司办公室 -->
    <div id ="gongban" class="content-section-a">

        <div class="container">
			
            <div class="row">
			
				<div class="col-sm-6 pull-right wow fadeInRightBig">
                    <img class="img-responsive " src="img/images/compony.png" alt="" width="455" height="351.86">
                </div>
				
                <div class="col-sm-6 wow fadeInLeftBig"  data-animation-delay="200">   
                    <h3 class="section-heading">公司办公室</h3>
					<div class="sub-title lead3">阳光公司扒拉扒拉扒拉</div>
                    <p class="lead">
							阳光公司扒拉扒拉扒拉
					</p>

					 <!-- <a class="btn btn-embossed btn-primary" href="#" role="button">查看公司详情</a>  -->
					 <p><a class="btn btn-embossed btn-info" href="#emailBox" role="button">
						 <span class="glyphicon glyphicon-envelope"></span>联系我们</a></p>
				</div>   
            </div>
        </div>
        <!-- /.container -->
    </div>
	<!-- 财务部 -->
	<div id="financialDep" class="content-section-b">
        <div class="container">
          <div class="row" >
			 <div class="col-md-6 col-md-offset-3 text-center wrap_title ">
				<h2>财务部</h2>
				<p class="lead" style="margin-top:0">财务部一览</p>
			 </div>
		  </div>
		    <div class="row wow bounceInUp" >
              <div id="owl-demo" class="owl-carousel">
				
				<a href="img/images/financialone.jpg" class="image-link">
					<div class="item">
						<img  class="img-responsive img-rounded" src="img/images/financialone.jpg" alt="Owl Image">
					</div>
				</a>
				
               <a href="img/images/financialtwo.jpg" class="image-link">
					<div class="item">
						<img  class="img-responsive img-rounded" src="img/images/financialtwo.jpg" alt="Owl Image">
					</div>
				</a>
				
				<a href="img/images/financialthree.jpg" class="image-link">
					<div class="item">
						<img  class="img-responsive img-rounded" src="img/images/financialthree.jpg" alt="Owl Image">
					</div>
				</a>
				
				<a href="img/images/financialfour.jpg" class="image-link">
					<div class="item">
						<img  class="img-responsive img-rounded" src="img/images/financialfour.jpg" alt="Owl Image">
					</div>
				</a>
				
               <a href="img/images/financialfive.jpg" class="image-link">
					<div class="item">
						<img  class="img-responsive img-rounded" src="img/images/financialfive.jpg" alt="Owl Image">
					</div>
				</a>
				
				<a href="img/images/financialsix.jpg" class="image-link">
					<div class="item">
						<img  class="img-responsive img-rounded" src="img/images/financialsix.jpg" alt="Owl Image">
					</div>
				</a>
              </div>       
          </div>
        </div>


	</div>
	<!-- 计划科 -->
	<div id="planDep" class="content-section-a">
		<div class="container">
			<div class="row">
					<div class="col-md-6 col-md-offset-3 text-center wrap_title">
							<h2>计划科</h2>
							<!-- <p class="lead" style="margin-top:0">计划科巴拉巴拉</p> -->
						 </div>
						 
						 <div class="col-sm-4 wow fadeInDown text-center">
								<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
								<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
								<p class="lead">
									<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
								<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
							</div>
							<div class="col-sm-4 wow fadeInDown text-center">
									<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
									<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
									<p class="lead">
										<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
									<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
								</div>
								<div class="col-sm-4 wow fadeInDown text-center">
										<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
										<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
										<p class="lead">
											<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
										<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
									</div>
						</div>
						
						<div class="row tworow">
						<div class="col-sm-4 wow fadeInDown text-center">
								<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
								<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
								<p class="lead">
									<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
								<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
							</div>
			
							<div class="col-sm-4 wow fadeInDown text-center">
								<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
								<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
								<p class="lead">
									<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
								<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
							</div>
							<div class="col-sm-4 wow fadeInDown text-center">
								<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
								<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
								<p class="lead">
									<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
								<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
							</div>
		  </div>
		</div>
	</div>
	<!-- 贸易部 -->
	<div id="tradeDep" class="banner">
		<div class="container">
				<div class="row tworow">
						<div class="col-md-6 col-md-offset-3 text-center wrap_title">
								<h2>贸易部</h2>
								<!-- <p class="lead" style="margin-top:0">计划科巴拉巴拉</p> -->
							 </div>
							 
							 <div class="col-sm-4 wow fadeInDown text-center">
									<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
									<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
									<p class="lead">
										<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
									<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
								</div>
								<div class="col-sm-4 wow fadeInDown text-center">
										<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
										<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
										<p class="lead">
											<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
										<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
									</div>
									<div class="col-sm-4 wow fadeInDown text-center">
											<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
											<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
											<p class="lead">
												<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
											<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
										</div>
							</div>
							
							<div class="row tworow">
							<div class="col-sm-4 wow fadeInDown text-center">
									<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
									<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
									<p class="lead">
										<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
									<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
								</div>
				
								<div class="col-sm-4 wow fadeInDown text-center">
									<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
									<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
									<p class="lead">
										<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
									<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
								</div>
								<div class="col-sm-4 wow fadeInDown text-center">
									<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
									<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
									<p class="lead">
										<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
									<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
								</div>
				</div>
		</div>
	</div>
	<!-- 人力资源部 -->
	<div id="manResourceDep" class="content-section-a">
		<div class="container">
			<div class="row">
			
				<div class="col-md-6 col-md-offset-3 text-center wrap_title">
					<h2>人力资源部</h2>
					
				</div>
			</div>
						<div class="row tworow">
								<div class="col-sm-4 wow fadeInDown text-center">
										<img  class="rotate zongbanrotate traderotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
										<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
										<p class="lead">
											<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
										<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
									</div>
					
									<div class="col-sm-4 wow fadeInDown text-center">
										<img  class="rotate zongbanrotate traderotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
										<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
										<p class="lead">
											<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
										<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
									</div>
									<div class="col-sm-4 wow fadeInDown text-center">
										<img  class="rotate zongbanrotate traderotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
										<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
										<p class="lead">
											<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
										<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
									</div>
								</div>
								<div class="row tworow">
										<div class="col-sm-4 wow fadeInDown text-center">
												<img  class="rotate zongbanrotate traderotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
												<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
												<p class="lead">
													<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
												<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
											</div>
							
											<div class="col-sm-4 wow fadeInDown text-center">
												<img  class="rotate zongbanrotate traderotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
												<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
												<p class="lead">
													<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
												<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
											</div>
											<div class="col-sm-4 wow fadeInDown text-center">
												<img  class="rotate zongbanrotate traderotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
												<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
												<p class="lead">
													<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
												<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
											</div>
										</div>
				
		</div>
	</div>
	<!-- 对外事务部 -->
	<div id="outWorksDep" class="content-section-a">
		<div class="container">
			<div class="row">
			
			<div class="col-md-6 col-md-offset-3 text-center wrap_title">
				<h2>对外事务部</h2>
			 </div>
				 <div class="col-sm-4 wow fadeInDown text-center">
						<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
						<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
						<p class="lead">
							<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
						<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
					</div>
					<div class="col-sm-4 wow fadeInDown text-center">
							<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
							<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
							<p class="lead">
								<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
							<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
						</div>
						<div class="col-sm-4 wow fadeInDown text-center">
								<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
								<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
								<p class="lead">
									<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
								<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
							</div>
				</div>
				
				<div class="row tworow">
				<div class="col-sm-4 wow fadeInDown text-center">
						<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
						<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
						<p class="lead">
							<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
						<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
					</div>
	
					<div class="col-sm-4 wow fadeInDown text-center">
						<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
						<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
						<p class="lead">
							<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
						<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
					</div>
					<div class="col-sm-4 wow fadeInDown text-center">
						<img  class="rotate zongbanrotate" src="img/images/dj4.jpg" alt="Generic placeholder image">
						<h4><span class="glyphicon glyphicon-user"></span>秘书：小黄</h4>
						<p class="lead">
							<span class="glyphicon glyphicon-phone-alt"></span>1000000000</p>
						<!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
					</div>
		  </div>
		</div>
	</div>
	<!-- 分公司详情 -->
	<div id="branchesDetails" class="content-section-a">
		<div class="container">
			<div class="row">
			
			<div class="col-md-6 col-md-offset-3 text-center wrap_title">
				<h2>分公司</h2>
				<a href="#">了解更多...</a>
			 </div>
			 
				<div class="col-sm-6  block wow bounceIn">
					<div class="row">
						<div class="col-md-4 box-icon rotate"> 
							<h3>西安</h3>
							<!-- <i class="fa fa-desktop fa-4x "> </i>  -->
						</div>
						<div class="col-md-8 box-ct">
							<h4> 西安阳光商贸有限公司 </h4>
							<address> 地址：陕西省西安市长安区 </address>
						</div>
				  </div>
			  </div>
			  <div class="col-sm-6 block wow bounceIn">
					<div class="row">
					  <div class="col-md-4 box-icon rotate"> 
								<h3> 郑州 </h3>
					  </div>
					  <div class="col-md-8 box-ct">
							
							<h4> 西安阳光商贸有限公司 </h4>
							<address> 地址：河南省郑州市中原区</address>
					  </div>
					</div>
			  </div>
		  </div>
		  
		  <div class="row tworow">
				<div class="col-sm-6  block wow bounceIn">
					<div class="row">
						<div class="col-md-4 box-icon rotate"> 
								<h3> 石家庄 </h3>
						</div>
						<div class="col-md-8 box-ct">
							
							<h4> 石家庄阳光商贸有限公司 </h4>
							<address> 地址：河北省石家庄市长安区中山东路 </address>
						</div>
				  </div>
			  </div>
			  <div class="col-sm-6 block wow bounceIn">
					<div class="row">
					  <div class="col-md-4 box-icon rotate"> 
								<h3> 南京市</h3>
					  </div>
					  <div class="col-md-8 box-ct">
					
							<h4> 阳光商贸有限公司 </h4>
							<address>地址：江苏省南京市玄武区 </address> 
					  </div>
					</div>
				</div>
				
			</div>
		
		</div>
	</div>
	<div id="emailBox" class="content-section-a">
		<div class="container">
			<div class="row">
			
			<div class="col-md-6 col-md-offset-3 text-center wrap_title">
				<h2>发送邮件</h2>
				<p class="lead" style="margin-top:0">请参照给定的部门收信人信息填写</p>
			</div>
			
			<form role="form" action="" method="post" >
				<div class="col-md-6">
					<div class="form-group">
						<label for="InputName">收件人名字</label>
						<div class="input-group">
							<input type="text" class="form-control" name="InputName" id="InputName" placeholder="请输入收件人信息..." required>
							<span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span>
						</div>
					</div>
					
					<div class="form-group">
						<label for="InputEmail">你的邮箱地址</label>
						<div class="input-group">
							<input type="email" class="form-control" id="InputEmail" name="InputEmail" placeholder="请输入收件人邮箱地址..." required  >
							<span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span>
						</div>
					</div>
					
					<div class="form-group">
						<label for="InputMessage">内容</label>
						<div class="input-group">
							<textarea name="InputMessage" id="InputMessage" class="form-control" rows="5" required></textarea>
							<span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span>
						</div>
					</div>

					<input type="submit" name="submit" id="submit" value="发送" class="btn wow tada btn-embossed btn-primary pull-right">
				</div>
			</form>
			
			<hr class="featurette-divider hidden-lg">
				<div class="col-md-5 col-md-push-1 address">
					<!-- <address> -->
					<h3>各部门收信人信息</h3>
					<ul class="lead email-box-lead">
						<li><a href="#zongban">总经理办公室 <small>收信人：dj，邮箱：8372876677@qq.com</small></a></li>
						<li><a href="#gongban">公司办公室 <small>收信人：red，邮箱：364712571718@qq.com</small></a></li>
						<li><a href="#financialDep">财务部 <small>收信人：green，邮箱：654345666778@qq.com</small></a></li>
						<li><a href="#planDep">计划科 <small>收信人：blue，邮箱：36062571718@qq.com</small></a></li>
						<li><a href="#tradeDep">贸易部 <small>收信人：maroon，邮箱：89923771718@qq.com</small></a></li>
						<li><a href="#manResourceDep">人力资源部 <small>收信人：skyblue，邮箱：30352197718@qq.com</small></a></li>
						<li><a href="#outWorksDep">对外事务部 <small>收信人：yellow，邮箱：8964689718@qq.com</small></a></li>
						<li><a href="#branchesDetails">分公司 <small>收信人：wheat，邮箱：7775890718@qq.com</small></a></li>
					</ul>
					<!-- </address> -->

					
				</div>
			</div>
		</div>
	</div>
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-12 footer-div">
            <h3 class="footer-title">阳光商贸有限公司</h3>
            <p>网络出版服务许可证（总）网出证（粤）字第030号<br/>
				国际联网备案<br/>
				北京互联网举报中心<br/>
				中国互联网举报中心<br>
            </p>
			<a href="#">不良信息举报平台 </a> <br>
		   <a  href="#">文明办网举报电话</a><br>
		   北京网络行业协会
          </div>
        </div>
      </div>
    </footer>
    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/bootstrap.js"></script>
	<script src="js/owl.carousel.js"></script>
	<script src="js/script.js"></script>
	<script src="js/stickUp.min.js"></script>
	<script type="text/javascript">
	  jQuery(function($) {
		$(document).ready( function() {
		  $('.navbar-default').stickUp();
		  
		});
	  });
	
	</script>
	<!-- Smoothscroll -->
	<script type="text/javascript" src="js/jquery.corner.js"></script> 
	<script src="js/wow.min.js"></script>
	<script>
	 new WOW().init();
	</script>
	<script src="js/classie.js"></script>
	<script src="js/uiMorphingButton_inflow.js"></script>
	<script src="js/jquery.magnific-popup.js"></script> 
</body>

</html>
